<template>
  <div class="about">
    <div class="banner"><img src="../../../static/images/about.jpg"></div>
    <div class="container">
      <el-tabs v-model="activeName" @tab-click="handleClick" class="aboutDes">
        <el-tab-pane label="Service and Support" name="first">
          <h2>Service and Support</h2>
          <p>
            Kefid service centers span the globe and are conveniently located to deliver prompt and complete service to keep your job moving forward. Our teams of technicians offer years of experience and offer services ranging from routine maintenance and accident repairs to customization and reconditioning.
          </p>
          <p>
            Our goal is to guarantee the excellent operation equipment with high safety for our customers and minimize the downtime of the machine by predictive maintenance. Kefid service and original accessories can be 100% trusted at the time of maintenance.
          </p>
          <el-row :gutter="20">
            <el-col :span="12" v-for="(item,index) in ServiceSupport" :key="index">
              <div class="grid-content">
                <img :src='"../../../static/images/" + item' class="img-res">
              </div>
            </el-col>
          </el-row>
          <p>
            To improve customers’ operating reliability and production capacity , Kefid developed a set of service products according to its rich experience in crushing equipment and crushing process. Our customer service institutions are all over the world, which improve the utilization value and maximize the potential of the equipment by tailored solutions for customers.
          </p>
          <p>
            Kefid provides customers all in one service , such as design, development, manufacturing, transportation, installation, commissioning, training and customer service. No matter how many the global shipping routes are, how expensive the price are , or even you know nothing of the operating for the intelligent system, everything will not be a problem with the professional support from the customer service team of kefid machinery .
          </p>
          <p>
            In order to enable customers to master the operating system of the equipments in the shortest time, kefid provides learning solutions for them. This set of training system include both theory and practice, will enable customers to get the value more quickly , improve the efficiency of production equipment, and reduce the overall cost of implementation. In addition, customers can choose training products and services to meet their specific needs .
          </p>
          <p>
            The entire life cycle of the device can be significantly improved via enterprise cooperation with skilled kefid professionals highly value-added service and training support.
          </p>
        </el-tab-pane>
        <el-tab-pane label="Sales Market" name="second">
          <h2>Sales Market</h2>
          <p>
            Our sales market is spread all over more than 100 countries and regions , such as Norway, Russia, Uzbekistan, Indonesia, Vietnam, Australia, Ecuador, Columbia, Algeria, Saudi Arabia, Iran, South Africa and so on. We already become a main assignable force in the international mining machinery manufacturing industry.
          </p>
          <el-row :gutter="20">
            <el-col :span="12" v-for="(item,index) in SalesMarket" :key="index">
              <div class="grid-content">
                <img :src='"../../../static/images/" + item' class="img-res">
              </div>
            </el-col>
          </el-row>
          <p>
            We dispatch the experienced technician to guide you installation and commissioning;
          </p>
          <p>
            We dispatch the experienced technician to inspect and assess your machinery condition;
          </p>
          <p>
            We offer efficient, cost-effective repair and rebuild services for you;
          </p>
          <p>
            We offer technical support, to provide you with Process circuit evaluation.
          </p>
          <p>
            From site planning to drawings designing, from the technical training to installation and debugging; No matter the complete line which is more than $10 million or the insignificant gear , no matter where you are, you will receive our response and the on-scene help in the shortest possible time just by a phone call or an e-mail .
          </p>
          <p>
            Your profit is our greatest concern and your praise is the biggest compliment that we diligently strive for. Our aim is, with the core of service, tailored for you the most valuable products with comprehensive pre-sale, sale and after sale service.
          </p>
          <p>
            Please feel free to contact us when you are in need. We hope that you are completely satisfied with kefid equipment.
          </p>
        </el-tab-pane>
        <el-tab-pane label="Accessories Center" name="third">
          <h2>Accessories Center</h2>
          <p>
            The use of the original parts is the key element for crushing and grinding equipment to keep a long service cycle. As a well-known manufacturer of mining machinery and equipment, Kefid provide customers complete accessories for crusher, milling machine, sand making machine and ancillary equipment with excellent quality, striving to enable customers to get the parts in the nearest place.
          </p>
          <el-row :gutter="20">
            <el-col :span="12" v-for="(item,index) in AccessoriesCenter" :key="index">
              <div class="grid-content" @click="imgDsia(item)">
                <img :src='"../../../static/images/" + item' class="img-res">
              </div>
            </el-col>
          </el-row>
          <p>
            All of our accessories are top grade and under strict quality control. For example: crusher accessories have the features of stable chemical composition, reasonable heat treatment process , good wear resistance and high strength. Meanwhile the key components are inspection-free products in the national export ,such as Torinton bearings and so on ; Milling machine accessories have the features of high hardness ,strong tensile strength ,good wear resistance and toughness, at the same time, the durability is obviously improved. Sand making machine accessories are forged of imported alloy with high quality so the strength , toughness and wear resistance are up to the international advanced level.
          </p>
          <p>
            At the same time, hundreds of skilled installation engineers are ready to make sure that every part plays its maximum efficiency in the operation of the equipment.
          </p>
          <p>
            At the same time, hundreds of skilled installation engineers are ready to make sure that every part plays its maximum efficiency in the operation of the equipment.
          </p>
          <p>
            If you need to replace equipment accessories, please login our message page, or send an email to sales@kefid.com, or call 0086-371-67988500, we will service for you wholeheartedly.
          </p>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      activeName: 'first',
      ServiceSupport: [
        'service-sub01.jpg',
        'service-sub02.jpg',
        'service-sub03.jpg',
        'service-sub04.jpg',
        'service-sub05.jpg',
        'service-sub06.jpg'
      ],
      SalesMarket: [
        'ser-market01.jpg',
        'ser-market02.jpg',
        'ser-market03.jpg',
        'ser-market04.jpg',
        'ser-market05.jpg',
        'ser-market06.jpg',
        'ser-market07.jpg',
        'ser-market08.jpg',
        'ser-market09.jpg'
      ],
      AccessoriesCenter: [
        'acc-ce01.jpg',
        'acc-ce02.jpg',
        'acc-ce03.jpg',
        'acc-ce04.jpg',
        'acc-ce05.jpg',
        'acc-ce06.jpg',
        'acc-ce07.jpg',
        'acc-ce08.jpg',
        'acc-ce09.jpg'
      ]
    }
  },
  mounted () {},
  methods: {
    handleClick (tab, event) {
      console.log(2)
    },
    imgDsia (item) {
      const imgD = '../../../static/images/' + item
      this.$alert('<img src="' + imgD + '" class="img-res">', {
        dangerouslyUseHTMLString: true
      })
    }
  }
}
</script>
<style scoped lang="css">
.about{
  padding-top: 52px;
}
.about .container{
  border-top: 10px solid #f6f6f8;
}
.aboutDes h2{
  text-align: center;
}
.aboutDes P{
  font-size: 1.4rem;
  text-align: justify;
}
.aboutDes .el-col-12{
  margin-bottom: 1rem;
}
.aboutDes .el-col-12 img{
  display: block;
}
</style>
<style>
.el-tabs__item.is-active{
  color: #db3f28 !important;
}
.el-tabs__active-bar{
  background-color: #db3f28 !important;
}
.el-tabs__header{
  margin-bottom: 0;
}
.el-message-box{
  width: auto;
}
.el-message-box__wrapper{
  width: 100%;
  position: fixed;
  top: 10%;
  left: 0;
  text-align: left;
  padding: 2rem;
}
.el-message-box__wrapper button.el-button--default{
  display: none;
}
.el-message-box__wrapper .el-message-box__headerbtn{
  font-size: 2.8rem;
  top: 6px;
}
.el-icon-arrow-left,.el-icon-arrow-right{
  color: #db3f28;
  font-size: 1.8rem;
}
</style>
